<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			#app{
				background: red;
			}
		</style>
	</head>
	<body>
		<div id="app" @click="num2++">
			<!--<button v-on:click="num++">增加 1</button>-->
			<button @click.middle="greet">增加 1</button>
			<p>{{num}}</p>
			<p>{{num2}}</p>
		</div>

	</body>
	<script src="js/vue.min.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		var vm = new Vue({
			el:"#app",
			data:{
				num:0,
				num2:100
			},
			 methods: {
			    greet: function (event) {
//			    	console.log(event)
//			    	event.preventDefault() ;
//			    	event.stopPropagation();
			      // `this` 在方法里指当前 Vue 实例
			      //alert('Hello ' + this.num + '!')
			      // `event` 是原生 DOM 事件
//				  if (event) {
//					  alert(event.target.tagName);//标签名
//				  }
//					var that = this;
					setInterval(function(){
						vm.num++;
					},1000)
			    }
			}
		})

	</script>
</html>
